$(function () {
    // 1、渲染用户信息
    getUserInfo()

    // 2、退出
    $('#logout').on('click', function () {
        layer.confirm('确认退出登录吗？', { icon: 3, title: '提示' }, function (index) {
            //do something
            localStorage.removeItem('token')
            location.href = '/login.html'
            layer.close(index);
        })
    })
})

    // 封装函数：获取并渲染用户信息
    function getUserInfo() {
        axios({
            // method的默认值为GET，可以不写
            method: 'GET',
            url: '/my/userinfo',
            // 以 /my 开头的请求路径，需要在请求头中携带 Authorization 身份认证字段，才能正常访问成功
            // headers:{
            //     Authorization:localStorage.getItem('token')
            // }
        }).then(res => {
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            renderAvatar(res.data.data)
            // console.log(res.data.data)
        })
    }

    // 封装函数：渲染头像和昵称
    function renderAvatar(user) {
        // 渲染文字部分
        let name = user.nickname || user.username
        $('.welcome').html('欢迎&nbsp;' + name)

        // 渲染头像部分
        // 判断
        if (user.user_pic === null) {
            let first = name[0].toUpperCase()
            $('.avatar-text').show().html(first)
            $('.layui-nav-img').hide()
        } else {
            $('.avatar-text').hide()
            $('.layui-nav-img').show().attr('src', user.user_pic)
        }
    }